<template>
  <div id="app">
    <body-header></body-header>
    <body-center></body-center>
    <body-footer></body-footer>
  </div>
</template>
<script>
import BodyHeader from '@/pages/header/BodyHeader.vue'
import BodyCenter from '@/pages/center/BodyCenter.vue'
import BodyFooter from '@/pages/footer/BodyFooter.vue'
export default {
  name: 'App',
  components: {
    BodyHeader,
    BodyCenter,
    BodyFooter
  }
}
</script>
<style lang="stylus">

#app
  font-family Avenir, Helvetica, Arial, sans-serif
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  text-align center
  color #2c3e50
  height:100vh
  display:flex
  flex-direction:column
</style>
